<template>
	<div>
		<Card :bordered="false" class="con_card" >
			<div class="job_top">
				<div class="job_top_ job_top_one">
					<div class="job_topone">
						<span class="job_top_span">姓&nbsp;&nbsp;&nbsp;名</span>
					</div>
					<div class="job_toptwo">
						<Input v-model="keyword" placeholder="请输入"/>
					</div>
				</div>
				
				<div class="job_top_ job_top_two">
					<div class="job_topone">
						<span class="job_top_span">主&nbsp;&nbsp;&nbsp;题</span>
					</div>
					<div class="job_toptwo">
						<Input v-model="type" placeholder="请输入"/>
					</div>
				</div>
				<div class="job_top_ job_top_three">
					<div class="job_topone">
						<span class="job_top_span">简历来源</span>
					</div>
					<div class="job_toptwo">
						<Select v-model="con">
				       		<Option v-for="item in PType" :value="item.value" :key="item.value">{{ item.label }}</Option>
				    	</Select>
					</div>
				</div>
				<div style="width: 70px;float: right;margin-top: 8px;">
					<i-button type="primary" style="width: 70px;" @click="TemplateClick">搜索</i-button>
				</div>
			</div>
	    </Card>	
	</div>
</template>
<script>
	export default {
    	name: 'DTop',
		data () {
            return {
            	type:"不限",
            	keyword:"",
            	con:"不限",
            	rel:"不限",
            	PType:[
            		{
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '智联招聘',
                        label: '智联招聘'
                    },
                    {
                        value: '中华英才',
                        label: '中华英才'
                    },
                    {
                        value: '其他导入',
                        label: '其他导入'
                    }
            	]
            }
        },
        methods:{
        	TemplateClick(){
        		alert(6666)
        	}
        }
	}	
</script>

<style>
	.con_card{
		border-top: 4px solid #2DB7F5;
	}
	.job_top{
		display: flex;
	}
	.job_top_{
		width: 28%;
		margin-right: 10px;
		height: 50px;
		line-height: 46px;
	}
	.job_topone{
		width: 21%;
		display: inline-block
	}
	.job_toptwo{
		width: 68%;
		display: inline-block
	}
	.job_top_span{
		display: inline-block;
	}
</style>